/*
Theme Name: Architecture
Theme URI: http://yuguotheme.com/architecture
Author: Yuguo
Author URI: http://yuguo.us/
Description: A semantic, light, fast, HTML5 theme.
Version: 1.41
License: GNU General Public License
License URI: license.txt
Tags: custom-menu

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF;font-size:66.6%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,textarea,button{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}body{text-align:center}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; }
/* =Structure
-------------------------------------------------------------- */

#page {display: block;color: #555555;line-height: 22px;margin: 0 auto;padding: 30px 0 40px;position: relative;text-align:left;width:980px;}
#primary {float: left;margin: 0 -270px 0 0;width: 100%;}
#content {margin: 0 290px 0 100px;}
.single #content {margin: 0 0 0 100px;}
.page #content {margin: 0 290px 0 0;}
#main .widget-area {float: right;overflow: hidden;width: 250px;}
.page .widget-area {margin-top: 100px;}
#main {*zoom:1;z-index:8;}
#main:after{display: table;content:"";clear:both;}
#colophon {clear: both;display: block;width: 100%;}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);}

/* Alignment */
.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
a {text-decoration: none;color: #0088CC;}
a:hover {color: #fff;background-color: #888;}

/* =Header
-------------------------------------------------------------- */
#branding {border-bottom: 1px solid #bbb;display: block;margin-bottom: 20px;z-index:10;}
#site-title {font: 70px/1.2 "Times New Roman", serif;}
#site-title a:hover {color: #08c;background-color: transparent;}


/* =Menu
-------------------------------------------------------------- */
#access .menu {text-align: right;}
#access .menu li {display: inline-block;*display: inline;zoom: 1;margin-left:6px;border-style: solid;border-color: #bbb;border-width: 1px 1px 0;position:relative;z-index:10;}
#access .menu li a {display:inline-block;*display: inline;zoom: 1;padding: 5px 15px;color: #bbb;}
#access .menu li a:hover,
#access .menu li .current_page_item {text-decoration: none;background-color: #bbb;color: #fff;}
#access .menu li .current_page_item a {color: #fff;}
/* children */
#access li:hover .children {display:block;}
#access .children {display:none;position:absolute;left:0;top:32px;z-index: 10;background-color: #fff;width:100%;}
#access .children li {display:block;margin: -1px;border-style: solid;border-color: #bbb;border-width:0 1px 1px;text-align: left;}
#access .children li a {display:block;}


/* =entry-header
-------------------------------------------------------------- */
.entry-header {zoom: 1;position: relative;height:57px;width:100%;}
.entry-header .entry-title {position:absolute;left:0;top:20px;background-color: transparent;font-size: 30px;font-weight: normal;text-shadow: #666 0 0 1px;line-height:1.3;}
.entry-header .entry-title a,
.entry-header .entry-title a:hover {color: #000;}
.entry-header .entry-meta {position:absolute;left:0;top:0;}
.entry-header .entry-meta .post-categories {display: inline;}
.entry-header .entry-meta .post-categories li {display:inline;}
/* entry-time */
.entry-header .entry-time {background-color: #242424;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 7px;line-height: 1;position:absolute;left:-100px;top:0;}
.entry-header .entry-time a {color:#fff;}
.single .entry-header .entry-time p {position: absolute;left: -100px;}
.entry-header .entry-time .month {font-size: 30px;text-transform: uppercase;}
.entry-header .entry-time .day {font-weight: bold;}
.entry-header a {text-decoration: none;}

/* =entry-Content
-------------------------------------------------------------- */
/* == article-body == */
.entry-content {margin:40px 0 50px;}
.entry-content p {margin:18px 0}
.single .entry-content h2 {border-bottom: 1px dotted;font-size: 1.8em;margin: 30px 0 20px;}
.entry-content h3 {font-size: 1.4em;}
.entry-content .wp-caption-text {font-size: 1.2em;margin: 0 0 18px;line-height: 1;text-align: center;color: #888;}
.entry-content .full {padding: 4px;border: 1px solid #bbb;max-width: 960px;}
.entry-content pre {color: #c33;background-color: #ddd;font-family: monaco, 'Lucida Console', courier, monospace;font-size: 92%;padding: 10px;overflow: auto;}
.entry-content ul {list-style: disc inside none;margin: 1em 0 1em 40px;color: #888;}
.entry-content ol {list-style: decimal inside none;margin: 1em 0 1em 40px;color: #888;}
.entry-content em {font-weight: bold;font-style: normal;}
.entry-content blockquote {margin: 1em 0 1em 40px;}
.article-body blockquote p {color: #888;}

.sticky {}
.entry-meta {clear: both;display: block;}
.single-author .entry-meta .byline {display: none;}

#content nav {display: block;overflow: hidden;}
#content nav .nav-previous {float: left;width: 50%;}
#content nav .nav-next {float: right;text-align: right;width: 50%;}
#content #nav-above {display: none;}
.paged #content #nav-above,
.single #content #nav-above {display: block;}
#nav-below {margin: 1em 0 0;}
.page-link {clear: both;margin: 0 0 1em;}
.page .edit-link {clear: both;display: block;}

/* =toolbox nav
-------------------------------------------------------------- */
.pagenavi {clear: both;text-align: center;}
.pagenavi a, .pagenavi span {display: inline-block;*display: inline;zoom: 1;text-decoration: none;text-align: center;width: 60px;color: #999;font-weight: bold;border-right: 1px solid #bbb;}
.pagenavi .next {border-right: 0 none;}
.pagenavi a {margin-left: -4px;}
.pagenavi a:hover {color: #222;}
.pagenavi span.current {background-color: #fff;color: #222;}
.pagenavi span.current {font-weight: bold;}

/* 404 page */
.error404 .widget {float: left;width: 33%;}
.error404 .widget .widgettitle,
.error404 .widget ul {margin-right: 1em;}
.error404 .widget_tag_cloud {clear: both;float: none;width: 100%;}

/* Notices */
.post .notice,
.error404 #searchform {background: #eee;display: block;padding: 1em;}

/* Image Attachments */
.image-attachment div.entry-meta {float: left;}
.image-attachment nav {float: right;margin: 0 0 1em 0;}
.image-attachment .entry-content {clear: both;}
.image-attachment .entry-content .entry-attachment {background: #eee;margin: 0 0 1em;padding: 1em;text-align: center;}
.image-attachment .entry-content .attachment {display: block;margin: 0 auto;text-align: center;}

/* Aside Posts */
.format-aside .entry-header {display: none;}
.single .format-aside .entry-header {display: block;}
.format-aside .entry-content,
.format-aside .entry-summary {padding-top: 1em;}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {padding-top: 0;}

/* Gallery Posts */
.format-gallery .gallery-thumb {float: left;margin: 0 1em 0 0;}

/* Image Posts */
.format-image .entry-header {display: none;}
.single .format-image .entry-header {display: block;}
.format-image .entry-content,
.format-image .entry-summary {padding-top: 1em;}
.single .format-image .entry-content,
.single .format-image .entry-summary {padding-top: 0;}


/* =Images
-------------------------------------------------------------- */

a img {border: none;}
p img {margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {max-width: 100%; /* When images are too wide for containing element, force them to fit. */height: auto; /* Override height to match resized width for correct aspect ratio. */}
img.alignleft {margin-right: 1em;}
img.alignright {margin-left: 1em;}
.wp-caption {padding: .5em;text-align: center;}
.wp-caption img {margin: .25em;}
.wp-caption .wp-caption-text {margin: .5em;}
.gallery-caption {}
.wp-smiley {margin: 0;}


/* =Forms
-------------------------------------------------------------- */

#searchform label {display: none;}
#searchform input#s {width: 60%;}
input[type=text],
input#s {margin: 0 1em 0 0;width: 60%;}
textarea {width: 80%;}

/* Class for labelling required form items */
.required {color: #cc0033;}


/* =Comments
-------------------------------------------------------------- */
#comments {margin:60px 0 30px;}
#comments .commentlist {margin: 10px 0 20px;}
#comments .bypostauthor>.comment {font-style:italic;}
#comments li {list-style-type: none;}
#comments-title {display: inline-block;background: #242424;color: white;font-size: 1.8em;padding: 5px;border-left: 25px solid #D9D9D9;position: relative;left: -80px;}
#comments article.comment {display: block;border-bottom: 1px solid #d0db89;position: relative;padding: 25px 0 0;margin-left: 75px;}
#comments .comment .avatar {position: absolute;left: -75px;;border: 1px solid #d7d7d7;padding: 5px;}
#comments .comment .commentmetadata {float:right;}
#comments .comment .depth-2,
#comments .comment .depth-3 {margin-left: 75px;}
#comments .comment-form-comment label {display:none;}
#comments .form-allowed-tags {display:none}

.reply-hidden {height: 26px;line-height:900px;overflow:hidden;font-size:0;margin-top: 10px;}
.reply {border-bottom: 4px solid #d0db89;text-align: right;height: 22px;line-height:22px;margin-top: 10px;}
.reply .comment-reply-link {background-color: #d0db89;color: #555;padding:0 5px 0 15px;display:inline-block;*display:inline;zoom:1;
	border-top-left-radius: 30px;border-top-right-radius: 12px;}
li #respond {position:relative;margin-top:-27px;margin-left:75px;}
#respond h3 {background-color: #fff;font-size:16px;border-bottom: 4px solid #d0db89;text-align: right;height: 22px;line-height:22px;}
#respond h3 small {float: left;}

/* =Comment form
-------------------------------------------------------------- */
#commentform {width: 100%;color: #666;zoom: 1;margin: 30px 0 0;position: relative;}
#commentform:after {content: "";height: 0;clear: both;display: block;overflow: hidden;}
#commentform .comment-notes {display:none}
#commentform .comment-left {float: left;width: 210px;margin-right: -300px;position: relative;display: inline-block;}
#commentform .avatar {border: 1px solid #D7D7D7;padding: 5px;}
#commentform .comment-right {width: auto;margin-left: 225px;overflow:hidden;}
#commentform textarea{border: 1px solid #bfbfbf;padding: 3px;width: 98%;}
#commentform input {border: 1px solid #bfbfbf;padding: 3px;width: 99%;}
#commentform textarea {height: 133px;}
#commentform #submit {background-color:#93c66a;color:#fff;border:0 none;border-radius: 3px;float: right;width: auto;padding: 4px 9px;cursor: pointer;margin-top: 10px;}

/* =Widgets
-------------------------------------------------------------- */
.widget {display: block;border-bottom:1px solid #bbb;padding-bottom:20px;margin-bottom:20px;}
.widget .widget-title {font-size:14px;}
.widget-area .widget_search {overflow: hidden;}
.widget-area .widget_search input {float: left;}


/* =Footer
-------------------------------------------------------------- */
.main-footer p, .main-footer p a {color: #666666;text-align: center;}
.main-footer {display: block;margin: 20px 0 40px;clear: both;}


/* =Mobile devices
-------------------------------------------------------------- */
@media only screen and (max-width:480px) {
	/* width */
	#page {width:100%;padding: 0;}
	#branding {margin: 0 10px;border-bottom: 0 none;}
	#content {margin: 0 10px;}
	#primary {float: none;}
	#main .widget-area {float:none;margin: 0 10px;width:95%;}
	/* logo */
	#site-title {font: 30px/1.2 "Times New Roman", serif;}
	/* header */
	.entry-header {height:auto;}
	.entry-header .entry-time {padding:0;background-color: inherit;position:static;}
	.entry-header .entry-time a {color:inherit;}
	.entry-header .entry-time .month {font-size: 12px;}
	.entry-header .entry-title {position:static;}
	.entry-header .entry-meta {position:static;}
	/* menu */
	#access .menu {border-left: 2px solid #bbb;padding-left:5px;}
	#access .menu li {display: list-item;list-style:inside none;margin:0;border: 0 none;position: static;text-align: left;}
	#access .menu li a {display: block;padding:0;background: inherit;color:inherit;}
	#access .children {display: block;position:static;text-indent: 2em;}
	#access .children li {display:list-item;position:static;text-align: left;}
	/* content */
	.entry-content {margin:0 0 20px;}
	/* single */
	.single #content {margin: 0 10px;}
	/* coment-list */
	#comments-title {position: static;}
	.reply-hidden  {border-bottom: 4px solid #d0db89;font-size:12px;text-align: right;height: 22px;line-height:22px;margin-top: 10px;}
	.reply-hidden .comment-reply-link {background-color: #d0db89;color: #555;padding:0 5px 0 15px;display:inline-block;*display:inline;zoom:1;
	border-top-left-radius: 30px;border-top-right-radius: 12px;}
	/* comment-form */
	#commentform .comment-left {float:none;margin: 0 0 10px;display:block;width:100%;}
	#commentform .comment-right {float:none;margin: 0;display:block;width:100%;}
	#commentform textarea {width:98%;}
	input[type="text"], input#s {margin: 0;}
	#commentform input {width:98%;}
}